Testo dell'esercizio

Si scriva il codice javascript necessario ad implementare la seguente funzionalità in una pagina HTML: clickando su un elemento <DIV> questo viene selezionato e la selezione è evidenziata colorando di rosa (“pink”) il suo sfondo (proprietà di stile backgroundColor). Per deselezionare il paragrafo occorre clickare su un elemento di tipo <B> con lo stesso colore del testo del paragrafo selezionato in precedenza (proprietà di stile color). In tal caso si scambiano i tipi di font (proprietà di stile fontFamily) dei due elementi e si deseleziona l’elemento <DIV> ripristiando il colore dello sfondo al valore precedente (deve essere memorizzato). Quando un elemento <DIV> è stato selezionato ogni evento di click che non rispetta le condizioni precedenti viene ignorato.

Click DIVs!

DIV 11

DIV 12

DIV 13

DIV 21

DIV 22

DIV 23

Bold to click

Bold 1
Bold 2
Bold 3